<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组合选择符</title>
    <style>

        div p{

            background-color: orange;

        }

        ol{
            color: red;

        }


    </style>
</head>
<body>

<h2>后代选择器</h2>
<hr>

<ol >
    <li>后代选择器匹配所有的指定元素的后代元素</li>
</ol>


<p>段落1,不在div中</p>
<p>段落2,不在div中</p>

<div>
    <p>段落3,在div中</p>
    <p>段落4,在div中</p>
</div>
<hr>

<h2>子元素选择器</h2>

<ol>
    <li>选择元素的子元素</li>



</ol>






</body>
</html>